<?xml version='1.0' encoding='UTF-8' ?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <f:view beforePhase="#{SeriesDeTvMenuBeanAdministrador.fetch}">
            <ui:composition template="./template.xhtml">
                <ui:define name="body">
                    <a4j:form>
                        <rich:messages showDetail="true" showSummary="false" styleClass="style1"/>
                        <rich:toolBar height="26" itemSeparator="disc">
                            <rich:toolBarGroup>
                                <h:graphicImage value="/images/new.gif" onclick="newSerie()" styleClass="icon" />
                            </rich:toolBarGroup>
                            <rich:toolBarGroup>
                                <h:graphicImage value="/images/save.gif" onclick="createSeries()" styleClass="icon" />
                            </rich:toolBarGroup>
                        </rich:toolBar>
                    </a4j:form>
                    <rich:simpleTogglePanel id="stpEdicion" opened="true">
                        <f:facet name="header">
                            Edición
                        </f:facet>
                        <a4j:form>
                            <rich:tabPanel switchType="series">
                                <rich:tab label="Serie">
                                    <table>
                                        <tr>
                                            <td>
                                                <h:inputHidden value="#{SeriesDeTvMenuBeanAdministrador.serie.id}" />
                                                <h:outputLabel value="Nombre Serie" styleClass="label" /> <br/>
                                                <h:inputText value="#{SeriesDeTvMenuBeanAdministrador.serie.nombreSerie}" /> <br/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <h:outputLabel value="Precio" styleClass="label" /> <br/>
                                                <h:inputText value="#{SeriesDeTvMenuBeanAdministrador.serie.precio}" /> <br/>
                                            </td>
                                        </tr>

                                    </table>
                                </rich:tab>
                            </rich:tabPanel>
                            <a4j:jsFunction name="createSeries" action="#{SeriesDeTvMenuBeanAdministrador.createOrUpdate}" reRender="stpEdicion,tblVendedores "  />
                        </a4j:form>
                    </rich:simpleTogglePanel>
                    <a4j:form>
                        <rich:extendedDataTable id="tblVendedores" height="360px" value="#{SeriesDeTvMenuBeanAdministrador.allSeriesTv}" var="cr">


                            <rich:column width="50" filterBy="#{cr.identification}" sortBy="#{cr.id}" label="Nombre Serie">
                                <f:facet name="header">
                                    ID
                                </f:facet>
                                #{cr.id}
                            </rich:column>

                            <rich:column width="150" filterBy="#{cr.nombreSerie}" sortBy="#{cr.nombreSerie}" label="Nombre Serie">
                                <f:facet name="header">
                                    Nombre Serie
                                </f:facet>
                                #{cr.nombreSerie}
                            </rich:column>
                            <rich:column width="200" filterBy="#{cr.precio}" sortBy="#{cr.precio}" label="Nombres">
                                <f:facet name="header">
                                    Precio
                                </f:facet>
                                #{cr.precio}
                            </rich:column>
                            <rich:column width="114" label="op" >
                                <f:facet name="header" >
                                    Operaciones
                                </f:facet>



                                <h:commandLink actionListener="#{SeriesDeTvMenuBeanAdministrador.findByID}">
                                <h:graphicImage value="/images/edit.gif" styleClass="icon" />
                                    <f:param id="nombreSerie0" value="#{cr.id}"/>
                                </h:commandLink>

                                <rich:spacer width="3" />

                                <h:commandLink actionListener="#{SeriesDeTvMenuBeanAdministrador.delete}">
                                <h:graphicImage value="/images/del.gif" styleClass="icon" />
                                    <f:param id="nombreSerie" value="#{cr.nombreSerie}"/>
                                </h:commandLink>

                            </rich:column>
                        </rich:extendedDataTable>
                         <a4j:jsFunction name="newSerie" action="#{SeriesDeTvMenuBeanAdministrador.newSerie}" reRender="stpEdicion"  />
                         <a4j:jsFunction name="delSerie" actionListener="#{SeriesDeTvMenuBeanAdministrador.delete}" reRender="tblVendedores" oncomplete="" >

                        </a4j:jsFunction>
                        <a4j:jsFunction name="srcById" action="#{SeriesDeTvMenuBeanAdministrador.findByNombre}" reRender="stpEdicion" oncomplete="" >

                        </a4j:jsFunction>
                    </a4j:form>

                </ui:define>
            </ui:composition>
        </f:view>
    </body>
</html>